<!--市场调研价格与台账供应商送货价格比对统计-->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="renderer" content="webkit">
<!-- TopJUI框架样式 -->
<link type="text/css" href="../../general/topjui/themes/default/topjui.core.min.css" rel="stylesheet">
<link type="text/css" href="../../general/topjui/themes/default/topjui.blue.css" rel="stylesheet" id="dynamicTheme" />
<!-- FontAwesome字体图标 -->
<link type="text/css" href="../../general/static/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
<!-- layui框架样式 -->
<link type="text/css" href="../../general/static/plugins/layui/css/layui.css" 	rel="stylesheet" />
<!-- jQuery相关引用 -->
<script type="text/javascript" src="../../general/static/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../../general/static/plugins/jquery/jquery.cookie.js"></script>
<!-- TopJUI框架配置 -->
<script type="text/javascript" src="../../general/static/public/js/topjui.config.js"></script>
<!-- TopJUI框架核心-->
<script type="text/javascript" src="../../general/topjui/js/topjui.core.min1.js"></script>
<!-- TopJUI中文支持 -->
<script type="text/javascript" src="../../general/topjui/js/locale/topjui.lang.zh_CN.js"></script>
<!-- layui框架js -->
<script type="text/javascript" src="../../general/static/plugins/layui/layui.js" charset="utf-8"></script>

<!--自定义的样式与js-->
<link type="text/css" href="../a_allcommon/all.css" 	rel="stylesheet" />
<script type="text/javascript" src="../a_allcommon/all.js"></script>
<style>
/* 调整序号列宽度 */
.datagrid-cell-rownumber, .datagrid-cell-number {
	width: 50px; /* 设置序号列宽度为60px */
}
</style>
</head>
<body>
	<div class="page_box">
		<!--title以及查询区div开始-->
		<div class="tjfx">
			<span style="padding: 10px;"></span>
			<div class="tjfx_title" style="width: 400px;" id="t_t">2024-11-22 食材市场调研明细及价格对比</div>
			<div class="tjfx_query">
				<div class="lineL">调研市场名称：</div>
				<div class="lineR" style="width:150px;">
					<input type="text" name="q_dy_shichangmingcheng" id="q_dy_shichangmingcheng"
					       data-toggle="topjui-combobox"
					       data-options="prompt:'请选择调研市场名称',
					                  	 panelHeight:150,
					                   	 valueField:'zidian_value',
					                   	 textField:'zidian_value'">
				</div>
				<div class="lineL" style="width:80px;">调研日期：</div>
				<div class="lineR line2R">
					<input type="text" name="q_start_time"
					       data-toggle="topjui-datebox" 
								 data-options="id:'q_start_time',prompt:'请选择调研日期',width:150">
				</div>
				<div class="lineL"  style="width:80px;">供应商：</div>
				<div class="lineR line2R">
					<input type="text" name="gyshs" id="gyshs"
					       data-toggle="topjui-combobox"
					       data-options="prompt:'请选择比对供应商',
					                  	 panelHeight:150,
					                   	 valueField:'gyshang_name',
					                   	 textField:'gyshang_name',
															 multiple:true">
					<!-- <input id="gyshs" type="text" name="gyshs"
					       data-toggle="topjui-combotree"
					       data-options="prompt:'请选择比对供应商',
					                     textField:'gyshang_name',
					                     valueField:'gyshang_name',
					                     multiple:true,
					                     checkbox:true"/> -->
				</div>
				<span style="padding: 10px;"></span>
				<a href="javascript:doSubmit()" data-toggle="topjui-menubutton"
					 data-options="iconCls:'fa fa-search',btnCls:'topjui-btn-blue'">查询</a>
				<span style="padding: 5px;"></span>
				<a href="javascript:void(0)" data-toggle="topjui-menubutton"
					 data-options="btnCls:'topjui-btn-green'" onclick="exportExcel()">生成excel</a>
			</div>
		</div>
		<!--title以及查询区div结束-->
		
		<div class="grid_box">
			<!-- datagrid表格（fitColumns:true表示限制滚动条，fitColumns:false表示允许滚动条）-->
			<table data-toggle="topjui-datagrid" class="productDg1"
			       data-options="id:'c_tjfxTable',fitColumns:false,remoteSort:false,pagination:false,rownumberWidth:39">
				<thead>
					<tr>
						<th data-options="field:'dy_shichangmingcheng',title:'市场名称',sortable:true,width:150,align:'center'"></th>
						<th data-options="field:'dy_shijian',title:'调研日期',formatter:fmt_riqi,sortable:true,width:120,align:'center'"></th>
						<th data-options="field:'dy_zhonglei_name',title:'类别',sortable:true,width:100,align:'center'"></th>
						<th data-options="field:'dy_shipin_name',title:'食品名称',sortable:true,width:100,align:'center'"></th>
						<th data-options="field:'dy_pinpai',title:'品牌',sortable:true,width:80,align:'center'"></th>
						<th data-options="field:'dy_guige',title:'规格',sortable:true,width:80,align:'center'"></th>
						<th data-options="field:'dy_danwei',title:'单位',sortable:true,width:80,align:'center'"></th>
						<th data-options="field:'dy_jiage',title:'市场价格',sortable:true,width:100,align:'center'"></th>
						<th data-options="field:'gysh_jiage1',title:'供应商1<br>价格',sortable:true,width:100,align:'center'" id="gys1"></th>
						<th data-options="field:'gysh_bili1',title:'价格增幅<br>比例',formatter:baojing_bili,sortable:true,width:100,align:'center'"></th>
						<th data-options="field:'gysh_jiage2',title:'供应商2<br>价格',sortable:true,width:100,align:'center'" id="gys2"></th>
						<th data-options="field:'gysh_bili2',title:'价格增幅<br>比例',formatter:baojing_bili,sortable:true,width:100,align:'center'"></th>
						<th data-options="field:'gysh_jiage3',title:'供应商3<br>价格',sortable:true,width:100,align:'center'" id="gys3"></th>
						<th data-options="field:'gysh_bili3',title:'价格增幅<br>比例',formatter:baojing_bili,sortable:true,width:100,align:'center'"></th>
					</tr>
				</thead>
			</table>
		</div> <!--表格区div结束-->
		
	</div>
<script>
var DYSHCH_LIST=[]; //保存调研市场名称字典选择下拉
var A_GYSh_LIST=[]; //用于保存供应商名称下拉框的数据
$(function(){
	getA_ZDList("调研市场名称"); //取字典中项目名称集合
	getA_GYShList_quchongming(); //取供应商名称集合
});
//根据键名取字典中的键值列表（用于填充项目名称、结款方式、验收人、这三个选择下拉）
function getA_ZDList(zidian_name){
	var formData={};
	formData.zidian_name=zidian_name;
	$.ajax({
		url:"/a_ZD/getA_ZDList",
		dataType:"JSON",
		type:"POST",
		data:formData,
		success:function(data){
			console.log("获取字典中键名为"+zidian_name+"的键值集合返回值data.rows==",data.rows);
			if(zidian_name=="调研市场名称"){
				DYSHCH_LIST=data.rows;
				$('#q_dy_shichangmingcheng').iCombobox('loadData',DYSHCH_LIST); //加载新补充的新增固定项调研市场名称下拉
			}
		}
	});
}
//取供应商列表（用于填充供应商选择下拉）
function getA_GYShList_quchongming(){
	var formData={};
	$.ajax({
		url:"/a_GYSh/getA_GYShList_quchongming",
		dataType:"JSON",
		type:"POST",
		data:formData,
		success:function(data){
			console.log("获取供应商集合返回值data.rows==",data.rows);
			A_GYSh_LIST=data.rows; //将返回值赋值给全局变量
			$('#gyshs').iCombobox('loadData',A_GYSh_LIST);
			//$('#gyshs').iCombotree('loadData',A_GYSh_LIST);
		}
	});
}
//处理日期的显示
function fmt_riqi(value, row, index) {
	//debugger;
	var htmlstr ='';
	var a=value.substr(0,10);
	htmlstr+=a;
	return htmlstr;
}
//当比例超过50%时，表格单元格黄色高亮预警显示
	function baojing_bili(value, row, index){
		//debugger;
		var htmlstr="";
		var xianshi="";
		if(value!=null && value!=""){
			xianshi=parseFloat(value);
			if(xianshi>=50){
				//htmlstr+='<span style="font-size:15px;color:#FF0000;font-weight:bolder;">'+xianshi*+'%</span>';
				htmlstr+='<span style="background-color:#00FF00;color:#FF0000;font-weight:bolder;">'+xianshi+'%</span>';
			}else{
				htmlstr+=xianshi+'%';
			}
		}
		return htmlstr;
	}
/*************************************表格相关方法****************************************/
/********使用ajax返回的数据的方式加载表格（如下2个主要方法）*******/
//表格主查询（包含条件查询）
function doSubmit(){
	debugger;
	$('#t_t').text(''); //标题区先初始化
	var formData={};
	formData.pageIndex=1;
	formData.pageSize=1000;
	//1：取查询参数 
	var q_dy_shichangmingcheng=$('#q_dy_shichangmingcheng').iCombobox('getValue'); //项目名称
	if(q_dy_shichangmingcheng==""){
		$.iMessager.alert('警告', '请选择调研市场名称！', 'messager-warning');
		return;
	}else{
		formData.dy_shichangmingcheng=q_dy_shichangmingcheng;
	}
	var q_start_time=$('#q_start_time').iDatebox('getValue'); //年月
	if(q_start_time==""){
		$.iMessager.alert('警告', '请选择调研日期！', 'messager-warning');
		return;
	}else{
		formData.dy_shijian=q_start_time+" 12:00:00";
	}
	var gyshs=$('#gyshs').iCombobox('getValues'); //项目名称
	if(gyshs.length==0){
		$.iMessager.alert('警告', '请选择需要比对的供应商！', 'messager-warning');
		return;
	}else if(gyshs.length>3){
		$.iMessager.alert('警告', '选择的供应商不能超过3个！', 'messager-warning');
		return;
	}else{ 
		//这里还需判断是否小于等于3个供应商，并且尝试给表格元素赋值
		var gysh1="";
		var gysh2="";
		var gysh3="";
		if(gyshs.length==1){
			gysh1=gyshs[0];
		}
		if(gyshs.length==2){
			gysh1=gyshs[0];
			gysh2=gyshs[1];
		}
		if(gyshs.length==3){
			gysh1=gyshs[0];
			gysh2=gyshs[1];
			gysh3=gyshs[2];
		}
		var paraGyshs=gyshs.join(',');
		formData.gyshs=paraGyshs;
		
		//处理表头显示
		if(gysh1!=""){
			var th=document.getElementById('gys1');
			var options={
			  field:'gysh_jiage1',
				title: gysh1,
				sortable:true,
				width:100,
				align:'center'
			};
			// var options={
			// 	type: 'text',
			// 	options: {
			// 		field:'gysh_jiage1',
			// 		title: gysh1,
			// 		sortable:true,
			// 		width:100,
			// 		align:'center'
			// 	}
			// };
			var optionsString=JSON.stringify(options);
			th.setAttribute('data-options',optionsString);
		}
		if(gysh2!=""){
			var th=document.getElementById('gys2');
			var options={
			  field:'gysh_jiage2',
				title: gysh2,
				sortable:true,
				width:100,
				align:'center'
			};
			var optionsString=JSON.stringify(options);
			th.setAttribute('data-options',optionsString);
		}
		if(gysh3!=""){
			var th=document.getElementById('gys3');
			var options={
			  field:'gysh_jiage3',
				title: gysh3,
				sortable:true,
				width:100,
				align:'center'
			};
			var optionsString=JSON.stringify(options);
			th.setAttribute('data-options',optionsString);
		}
	}
	
	//还有一个备选的项目名称
	
	//2：标题区赋值 （2024-11-22 食材市场调研明细及价格对比）
	$('#t_t').text(q_start_time+'  食材市场调研明细及价格对比'); 
	debugger;
	//2：执行ajax查询请求
	$.ajax({
		url:"/c_Tjfx/getBdxx_shchdy_gysh",
		dataType:"JSON",
		type:"POST",
		data:formData,
		success:function(data){
			console.log(data.rows);
			debugger;
			//3：加载表格
			$("#c_tjfxTable").iDatagrid("loadData",data);//表格装载数据
		}
	});
}

</script>
</body>
</html>